<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
%>
<!DOCTYPE html>
<html lang="en">

<head>
	<title>${pd.SYSNAME}</title>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<link rel="stylesheet" href="static/login/bootstrap.min.css" />
	<link rel="stylesheet" href="static/login/css/camera.css" />
	<link rel="stylesheet" href="static/login/bootstrap-responsive.min.css" />
	<link rel="stylesheet" href="static/login/matrix-login.css" />
	<link href="static/login/font-awesome.css" rel="stylesheet" />
	<script type="text/javascript" src="static/login/js/jquery-1.5.1.min.js"></script>
	<!-- 软键盘控件start -->
	<link href="static/login/keypad/css/framework/form.css" rel="stylesheet" type="text/css"/>
	<!-- 软键盘控件end -->
	<style type="text/css">
		/*
       body{
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        padding-top:20px;
        }
        */
	</style>
	<script>
		//window.setTimeout(showxcf,3000);
		var timer;
		function showxcf(){
			xcfi = 1;
			//关闭提示晃动屏幕，注释掉这句话即可
			timer = setInterval(xzxcf2, 10);
		};
		var current = 0;
		function xzxcf(){
			current = (current)%360;
			document.body.style.transform = 'rotate('+current+'deg)';
			current ++;
			if(current>360){current = 0;}
		};
		var xcfi = 1;
		var current2 = 1;
		function xzxcf2(){
			if(xcfi>50){
				document.body.style.transform = 'rotate(0deg)';
				clearInterval(timer);
				return;
			}
			current = (current2)%360;
			document.body.style.transform = 'rotate('+current+'deg)';
			current ++;
			if(current2 == 1){current2 = -1;}else{current2 = 1;}
			xcfi++;
		};
	</script>
</head>
<body>
<div style="width:100%;text-align: center;margin: 0 auto;position: absolute;">
	<div id="loginbox">
		<form action="" method="post" name="loginForm"
			  id="loginForm">
			<div class="control-group normal_text">
				<h3>
					<img src="static/login/logo.png" alt="Logo" />
				</h3>
			</div>
			<div class="control-group">
				<div class="controls">
					<div class="main_input_box">
							<span class="add-on bg_lg">
							<i><img height="37" src="static/login/user.png" /></i>
							</span><input type="text" name="loginname" id="loginname" value="" placeholder="请输入用户名" />
					</div>
				</div>
			</div>
			<div class="control-group">
				<div class="controls">
					<div class="main_input_box">
							<span class="add-on bg_ly">
							<i><img height="37" src="static/login/suo.png" /></i>
							</span><input type="password" name="password" id="password" placeholder="请输入密码" class="keypad" keypadMode="full" allowKeyboard="true" value=""/>
					</div>
				</div>
			</div>
			<div style="float:right;padding-right:10%;">
				<div style="float: left;margin-top:3px;margin-right:2px;">
					<font color="white">记住密码</font>
				</div>
				<div style="float: left;">
					<input name="form-field-checkbox" id="saveid" type="checkbox"
						   onclick="savePaw();" style="padding-top:0px;" />
				</div>
			</div>
			<div class="form-actions">
				<div style="width:86%;padding-left:8%;">

					<div style="float: left;padding-top:2px;">
						<i><img src="static/login/yan.png" /></i>
					</div>
					<div style="float: left;" class="codediv">
						<input type="text" name="code" id="code" class="login_code"
							   style="height:16px; padding-top:4px;" />
					</div>
					<div style="float: left;">
						<i><img style="height:22px;" id="codeImg" alt="点击更换"
								title="点击更换" src="" /></i>
					</div>
					<span class="pull-right" ><a href="javascript:quxiao();" class="btn btn-success">取消</a></span><!--style="padding-right:3%;"  -->
					<span class="pull-right"><a onclick="severCheck();" class="flip-link btn btn-info" id="to-recover">登录</a></span>
				</div>
			</div>
		</form>
		<div class="controls">
			<div class="main_input_box">
				<font color="white"><span id="nameerr">Copyright 2011-2017 © 重庆新长丰国际物流有限公司</span></font>
			</div>
		</div>
	</div>
</div>
<div id="templatemo_banner_slide" class="container_wapper">
	<div class="camera_wrap camera_emboss" id="camera_slide">
		<div data-src="static/login/images/banner_slide_01.jpg"></div>
		<div data-src="static/login/images/banner_slide_02.jpg"></div>
		<div data-src="static/login/images/banner_slide_03.jpg"></div>
		<div data-src="static/login/images/banner_slide_04.jpg"></div>
	</div>
	<!-- #camera_wrap_3 -->
</div>

<script type="text/javascript">
	//服务器校验
	function severCheck(){
		if(check()){

			var loginname = $("#loginname").val();
			var password = $("#password").val();
			var code = "qq313596790xcf"+loginname+",xcf,"+password+"QQ978336446xcf"+",xcf,"+$("#code").val();
			$.ajax({
				type: "POST",
				url: 'login_login',
				data: {KEYDATA:code,tm:new Date().getTime()},
				dataType:'json',
				cache: false,
				success: function(data){
					if("success" == data.result){
						saveCookie();
						window.location.href="main/index";
					}else if("usererror" == data.result){
						$("#loginname").tips({
							side : 1,
							msg : "用户名或密码有误",
							bg : '#FF5080',
							time : 15
						});
						showxcf();
						$("#loginname").focus();
					}else if("codeerror" == data.result){
						$("#code").tips({
							side : 1,
							msg : "验证码输入有误",
							bg : '#FF5080',
							time : 15
						});
						showxcf();
						$("#code").focus();
					}else{
						$("#loginname").tips({
							side : 1,
							msg : "缺少参数",
							bg : '#FF5080',
							time : 15
						});
						showxcf();
						$("#loginname").focus();
					}
				}
			});
		}
	}

	$(document).ready(function() {
		changeCode();
		$("#codeImg").bind("click", changeCode);
	});

	$(document).keyup(function(event) {
		if (event.keyCode == 13) {
			$("#to-recover").trigger("click");
		}
	});

	function genTimestamp() {
		var time = new Date();
		return time.getTime();
	}

	function changeCode() {
		$("#codeImg").attr("src", "code.do?t=" + genTimestamp());
	}

	//客户端校验
	function check() {

		if ($("#loginname").val() == "") {

			$("#loginname").tips({
				side : 2,
				msg : '用户名不得为空',
				bg : '#AE81FF',
				time : 3
			});
			showxcf();
			$("#loginname").focus();
			return false;
		} else {
			$("#loginname").val(jQuery.trim($('#loginname').val()));
		}

		if ($("#password").val() == "") {

			$("#password").tips({
				side : 2,
				msg : '密码不得为空',
				bg : '#AE81FF',
				time : 3
			});
			showxcf();
			$("#password").focus();
			return false;
		}
		if ($("#code").val() == "") {

			$("#code").tips({
				side : 1,
				msg : '验证码不得为空',
				bg : '#AE81FF',
				time : 3
			});
			showxcf();
			$("#code").focus();
			return false;
		}

		$("#loginbox").tips({
			side : 1,
			msg : '正在登录 , 请稍后 ...',
			bg : '#68B500',
			time : 10
		});

		return true;
	}

	function savePaw() {
		if (!$("#saveid").attr("checked")) {
			$.cookie('loginname', '', {
				expires : -1
			});
			$.cookie('password', '', {
				expires : -1
			});
			$("#loginname").val('');
			$("#password").val('');
		}
	}

	function saveCookie() {
		if ($("#saveid").attr("checked")) {
			$.cookie('loginname', $("#loginname").val(), {
				expires : 7
			});
			$.cookie('password', $("#password").val(), {
				expires : 7
			});
		}
	}
	function quxiao() {
		$("#loginname").val('');
		$("#password").val('');
	}

	jQuery(function() {
		var loginname = $.cookie('loginname');
		var password = $.cookie('password');
		if (typeof(loginname) != "undefined"
				&& typeof(password) != "undefined") {
			$("#loginname").val(loginname);
			$("#password").val(password);
			$("#saveid").attr("checked", true);
			$("#code").focus();
		}
	});
</script>
<script>
	//TOCMAT重启之后 点击左侧列表跳转登录首页
	if (window != top) {
		
		top.location.href = location.href;
	}
</script>
<c:if test="${'1' == pd.msg}">
	<script type="text/javascript">
		$(tsMsg());
		function tsMsg(){
			alert('此用户在其它终端已经早于您登录,您暂时无法登录');
		}
	</script>
</c:if>
<c:if test="${'2' == pd.msg}">
	<script type="text/javascript">
		$(tsMsg());
		function tsMsg(){
			alert('您被系统管理员强制下线');
		}
	</script>
</c:if>
<script src="static/login/js/bootstrap.min.js"></script>
<script src="static/js/jquery-1.7.2.js"></script>
<script src="static/login/js/jquery.easing.1.3.js"></script>
<script src="static/login/js/jquery.mobile.customized.min.js"></script>
<script src="static/login/js/camera.min.js"></script>
<script src="static/login/js/templatemo_script.js"></script>
<script type="text/javascript" src="static/js/jquery.tips.js"></script>
<script type="text/javascript" src="static/js/jquery.cookie.js"></script>

<!-- 软键盘控件start -->
<script type="text/javascript" src="static/login/keypad/js/form/keypad.js"></script>
<script type="text/javascript" src="static/login/keypad/js/framework.js"></script>
<!-- 软键盘控件end -->
</body>

</html>